.clearFix:after {
  content: '';
  display: block;
  clear: both;
}

/* element-初始化 */
.el-header {
  background-color: #307DFF;
  color: #333;
  text-align: center;
}

.el-aside {
  /* overflow: hidden !important; */
  color: #333;
}

.el-main {
  color: #333;
}

body>.el-container {
  margin-bottom: 40px;
}

#app .wrap {
  padding: 0px;
}

#app .wrap,
#app .wrap .el-container {
  height: 100%;
}

/* 导航部分 */
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}

.wrap .logo {
  text-align: center;
  height: 70px;
  width: 100%;
  line-height: 70px;
  background-color: #2C72E7;
  color: #fff;
}

.wrap .logo span {
  display: inline-block;
  margin-right: 3rem;
  font-size: larger;
  font-weight: bold;
}

.wrap .logo i {
  font-size: larger;
  display: inline-block;
  cursor: pointer;
}

/* 用户信息 */
.wrap .userInfo {
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.wrap .userInfo div {
  float: left;
  margin: 0px 10px;
}

.wrap .userInfo .header_img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.wrap .userInfo .user p:nth-of-type(1) {
  margin-bottom: 10px;
  color: #bbb;
}

/* 导航按钮部分 */
.el-container .el-aside ul {
  width: 100%;
  border: none;
  background-color: #001529;
  text-align: left;
}

.el-container .el-aside ul li .el-submenu__title i {
  display: inline-block;
  margin: 0px 20px;
}

.el-container .el-aside .el-menu--inline {
  margin-left: 35px;
}

/* .menu-wrapper {
  overflow: hidden;
} */

.el-container .el-aside ul .el-menu-item:nth-of-type(1) i,
.el-container .el-aside ul .el-menu-item:nth-of-type(11) i,
.el-container .el-aside ul .el-menu-item:nth-of-type(12) i,
.el-container .el-aside ul .el-menu-item:nth-of-type(13) i {
  margin: 0px 20px;
}

/* 滚动条 */
.el-scrollbar__wrap,
.el-scrollbar__view {
  height: 100%;
}

.el-scrollbar__view ul {
  height: 100%;
}


/* header部分 */
.wrap .homeIndex {
  color: #fff;
  font-size: small;
  overflow: hidden;
}

.wrap .homeIndex .left {
  float: left;
}

.wrap .homeIndex .right,
.wrap .homeIndex .header_img {
  float: right;
}

.wrap .homeIndex .right i {
  display: inline-block;
  margin: 0px 20px;
  font-size: large;
  cursor: pointer;
}

.wrap .homeIndex .header_img {
  margin-right: 20px;
}

.wrap .homeIndex .header_img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 15px;
  margin-left: 10px;
}

.wrap .homeIndex span {
  margin: 0px 20px;
}

.wrap .no_active {
  display: none;
}